﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="scripts/jquery-3.2.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#hide").click(function () {
                $('p').hide(3000, function () {
                    alert("p元素被隐藏")
                })
            });
        });
        $(document).ready(function () {
            $("#show").click(function () {
                $('p').show(3000, function () {
                    alert("p元素显示")
                })
            });
        });
        $(document).ready(function () {
            $("#toggle").click(function () {
                $('p').toggle(3000, function () {
                    alert("p元素切换成功")
                })
            });
        });
        $(document).ready(function () {
            $("#fadein").click(
                function () {
                    $('p').fadeIn();
                }
                );
        });
        $(document).ready(function () {
            $("#fadeout").click(
                function () {
                    $('p').fadeOut();
                }
                );
        });
        $(document).ready(function () {
            $("#slideup").click(
                function () {
                    $('p').slideUp();
                }
                );
        });
        $(document).ready(function () {
            $("#slidedown").click(
                function () {
                    $('p').slideDown();
                }
                );
        });
    </script>
</head>
<body>
    <button id="hide">隐藏</button>
    <button id="show">显示</button>
    <button id="toggle">切换</button>
    <button id="fadein">淡入</button>
    <button id="fadeout">淡出</button>
    <button id="slideup">向上</button>
    <button id="slidedown">向下</button>
    
    <h1>xxx的个人简历</h1>
    <hr />
    <h2>教育经历</h2>
    <p>
        2014年-2017年就读于威海职业学院软件外包专业。专业课程包含：日语、C#、SQL Server、Web前端设计和ASP.NET MVC。
        在校期间成绩优异，积极参加学校组织的社会实践活动。在担任学生会干部期间，组织了xxx活动，并取得圆满成功。
    </p>
</body>
</html>
